<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="./css/faxian.css">
    <link rel="stylesheet" href="./download (9)/font_3199640_kh2fc2v7p5/iconfont.css">
</head>
<body>
    <div class="web">
        <!-- 顶部 -->
        <div class="shou">
            <div class="shoua">back</div>
            <div class="shoub">发现</div>
            <div>
                <select name="" id="">
                    <option value="">广州市</option>
                    <option value="">开封市</option>
                    <option value="">郑州市</option>
                </select>
            </div>
        </div>
        <!-- 输入框 -->
        <div class="kuang">
            <i class="iconfont">&#xe62b;</i>
            <input type="text" value="请输入商品名称" >
        </div>
        <!-- 搜索栏 -->
        <div class="nav">
            <div class="nav_a">大家都在搜</div>
            <div class="nav_b">
                <div class="nav_b_a">
                    <div class="a">寿司</div>
                    <div class="a">羽毛球</div>
                    <div class="a">火锅</div>
                    <div class="a">游泳馆</div>
                </div>
                <div class="nav_b_a">
                    <div class="a">电影</div>
                    <div class="a">周黑鸭</div>
                    <div class="a">KTV</div>
                    <div class="a">肯德基</div>
                </div>
            </div>
        </div>
        <!-- 五宫格 -->
        <div class="con">           
                <div class="biaoa">
                    <div class="iconfont">&#xe8c9;</div>
                    <div class="a">热门搜索</div>
                </div>
                <div class="biaoa">
                    <div class="a">
                        更多
                    </div>
                    <div class="iconfont c">
                        &#xe60c;
                    </div>             
                </div>
        </div>    
        <div class="content">
            <div class="content_a">
                <img src="./images/a.png" alt="">
            </div>
            <div class="content_b">
                <div class="content_b1">
                    <img class="d" src="./images/b.png" alt="">
                </div>
                <div class="content_b2">
                    <div class="a">
                        <img src="./images/c.png" alt="">
                    </div>
                    <div class="b">
                        <img src="./images/d.png" alt="">
                    </div>
                </div>
            </div>
        </div>
        <!-- 三宫格 -->
        <div class="con">           
            <div class="biaoa">
                <div class="iconfont">&#xe600;</div>
                <div class="a">推荐搜索</div>
            </div>
            <div class="biaoa">
                <div class="a">
                    更多
                </div>
                <div class="iconfont c">
                    &#xe60c;
                </div>             
            </div>
        </div>
        <div class="box">    
             <div><img src="./images/美食7.png" alt=""></div>
             <div class="box1"><img src="./images/运动2.png" alt=""></div>
             <div><img src="./images/电影2.png" alt=""></div>
        </div>
         <!-- 底部导航 -->
         <ul class="footer">
            <li class="footer_navs">
              <a href="./手机端.html" target="black" class="iconfont b"
                ><p>&#xe751;</p><span>首页</span></a
              >
            </li>
            <li class="footer_navs">
                <a href="./分类.html" class="iconfont b"
                  ><p>&#xe611;</p><span>分类</span></a
                >
              </li>
              <li class="footer_navs">
                <a href="./发现.html" class="iconfont s"
                  ><p>&#xe629;</p><span>发现</span></a
                >
              </li>
              <li class="footer_navs">
                <a href="./我的.html" class="iconfont b"
                  ><p>&#xe601;</p><span>我的</span></a
                >
              </li>
            
        </ul>
    </div>
</body>
</html>